<template>
  <div>
    <home-header></home-header>
    <home-choose></home-choose>
    <home-swiper :List="List" ></home-swiper>
    <home-icon></home-icon>
    <home-photo :photo="photo"></home-photo>
  </div>
 
</template>

<script>
import HomeHeader from './components/homeheader.vue'
import HomeChoose from './components/homechoose.vue'
import HomeSwiper from './components/homeswiper.vue'
import HomeIcon from './components/homeicon.vue'
import HomePhoto from './components/homephoto.vue'
import axios from 'axios'
import data from "./assets/mock/index"
// console.log(data)
export default {
  name: 'app',
  components: {
    HomeHeader,
    HomeChoose,
    HomeSwiper,
    HomeIcon,
    HomePhoto
  },
  mounted (){
    // this.getHomeInfo()
  },
  methods:{
    // getHomeInfo (){
    //   axios.get('/api/index.json')
    //     .then(this.getHomeInfoSucc)
    // },
    // getHomeInfoSucc(res){
    //   console.log(res)
    // }
  },
  data(){
    console.log(data)
    return{
      
      List:data.List,
      photo:data.photo
    }
  }

}
</script>
<style lang="stylus">

</style>
